
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />

    <meta charset="UTF-8">
    <title>爱代练|国内最好的代练订单管理系统_用户登录</title>
	<meta name="keywords" content="" />
	<meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />   
    <link href="/resource/ui-framework/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" />          
    <link href="/static/css/base-dc47892812.css" rel="stylesheet" />      
    
    <link href="/static/css/login-9f0cf8051e.css" rel="stylesheet" />
  
</head>
<body>
    <div>
        <div>


<header role="banner" style="background-color:#f8f8f8">
    <div class="notification-block" id="notification" style="display:none;">
        <span>推荐使用谷歌浏览器Chrome(效果最佳)、火狐浏览器、UC浏览器、360浏览器"极速模式"，打开爱代练订单管理系统，其他浏览器可能会导致部分未知问题。</span>
    </div>
    <nav class="navbar navbar-default container">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

          <form class="navbar-form navbar-right">
                <a href="index/login/index" class="fl btn-login ml10">登录</a>
          </form>
          
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
    
</header>

        </div>
         
        <div class="container" style="width:100%;z-index:1000;">
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4 col-sm-12">
                    

<div class="login">
    <ul>
        <li style="border:0px;">
            <span style="color:#5297E3;font-size:24px;">员工登录</span>            
        </li>
        <li>
            <span class="title">账号</span>
            <input type="text" placeholder="手机号" id="accountNo" value=""/>
        </li>
        <li>
            <span class="title">密码</span>
            <input type="password" placeholder="密码" id="password" value=""/>
        </li>   
        <li style="border:0px;">
            <label id="message" class="msg"></label>
            <span style="float:right;margin-right:20px;">
                <!-- <a href="/User/PasswordForget">忘记密码？</a> -->
            </span>
        </li>             
        <li style="border:0px;padding:0px;">
            <input type="submit" value="登录" id="btnSubmit" style="width:100%;"/>
        </li>        
    </ul>       	
</div>


                </div>
                <div class="col-md-4"></div>
            </div>
        </div> 

        <div>

<footer id="footer" style="text-align:center;width:100%;">
	<div style="line-height:15px;">Copyright &copy 2016-2017 爱代练  版权所有</div> 
    <div style="line-height:15px;">粤ICP备16037031号-1</div>
</footer>
        </div>        
    </div>            
    
    <script src="/resource/libs/jquery/jquery.js"></script>
    <script src="/resource/ui-framework/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <script src="/resource/libs/common.js"></script>
    <script src="/resource/libs/browserDetect.js"></script>      
</body>
<script type="text/javascript">
function login() {
    var o = $("#accountNo").val(),
    e = $("#password").val();
    $("#message").html(""),
    "" != o ? "" != e ? ($("#btnSubmit").val("正在登录..."), $.ajax({
        url: "/index/login",
        method: "POST",
        data: {
            accountNo: o,
            password: e
        },
        success: function(o) {
            if (o.code == 1) {
                $("#btnSubmit").val("正在进入系统..."), window.location.href = "/index/beater/index.html"  
            }else{
                $("#message").html(o.msg), $("#btnSubmit").val("登录")
            }
            //o.code == 1 ? ($("#btnSubmit").val("正在进入系统..."), window.location.href = "/index/index/index.html") : ($("#message").html(o.msg), $("#btnSubmit").val("登录"))
        }
    })) : $("#message").html("请输入密码！") : $("#message").html("请输入用户名！")
}
$().ready(function() {
    $("#btnSubmit").on("click",
    function() {
        login()
    }),
    $(window.document.body).keydown(function(o) {
        13 == o.keyCode && $("#btnSubmit").click()
    });
    switch (BrowserDetect.browser) {
    case "Chrome":
    case "Firefox":
        $("#notification").hide();
        break;
    default:
        $("#notification").show()
    }
});
</script>
</html>
